<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/hitch.css"/>
		<script src="../js/validate.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="mui-content" id="equip-hitch-content" v-cloak>
			<header class="mui-bar mui-bar-nav" id="myheader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">资产故障上报</h1>
			</header>
			<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch; margin-top: 69px; background-color: #efeff4;">
				<div class="mui-scroll" style="height: calc(100% - 120px);">
					<div class="mui-content" id="equip-hitch-wrapper">
						<div class="equip-hitch-box">
							<div class="equip-hitch-item" v-show="showHitchDate">
								<label>上报日期：</label>
								<input type="text"  v-model="recorddate" :readonly="readOnly">
							</div>
							<div class="equip-hitch-item">
								<label class="must-have-value" >故障类型：</label>
								<div>
									<input type="text" style="width:150px" v-model="hitchType" :placeholder="hitchTypeError" readonly="readonly"/>
									<span class="mui-icon iconfont icon-jiantou_you" @tap="hitchTypePicker"></span>
								</div>
							</div>
							<div class="equip-hitch-item">
								<label class="must-have-value">预计处理完成日期：</label>
								<input type="date" v-model="finishDate" :placeholder="finishDateError" :readonly="readOnly"/>
							</div>
							<div class="equip-hitch-item">
								<label>故障描述：</label>
								<div>
									<textarea rows="3" cols="27" v-model="hitchTxt" :placeholder="hitchTxtError" :readonly="readOnly"></textarea>
								</div>
							</div>
						</div>
					</div>
					<button type="button" class="mui-btn mui-btn-blue hitch-botton" @tap="submitHitch">提交</button>
				</div>
			</div>
		</div>
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/business/hitch.js" type="text/javascript" charset="utf-8"></script>
</html>
